import React from 'react';
import { Image, ScrollView, StyleSheet, Text, View } from 'react-native';

export default function GoodsShow() {
  return (
    <ScrollView
      horizontal={true} // 设置水平滚动
      showsHorizontalScrollIndicator={false} // 隐藏水平滚动条
      style={styles.homeShow}
    >
      <View style={styles.showList}>
        <Image
          style={styles.showImg}
          source={require('@/assets/img/4.jpg')}
        ></Image>
        <Text>1111111111111111</Text>
      </View>
      <View style={styles.showList}>
        <Image
          style={styles.showImg}
          source={require('@/assets/img/4.jpg')}
        ></Image>
        <Text>2222222222222</Text>
      </View>
      <View style={styles.showList}>
        <Image
          style={styles.showImg}
          source={require('@/assets/img/4.jpg')}
        ></Image>
        <Text>2222222222222</Text>
      </View>
      <View style={styles.showList}>
        <Image
          style={styles.showImg}
          source={require('@/assets/img/4.jpg')}
        ></Image>
        <Text>2222222222222</Text>
      </View>
      <View style={styles.showList}>
        <Image
          style={styles.showImg}
          source={require('@/assets/img/4.jpg')}
        ></Image>
        <Text>2222222222222</Text>
      </View>
    </ScrollView>
  );
}
const styles = StyleSheet.create({
  // 展示
  homeShow: {
    backgroundColor: '#f9f6f0',
    padding: 10,
    display: 'flex',
    flexDirection: 'row',
  },
  showList: {
    padding: 10,
    // backgroundColor: '#390000',
  },
  showImg: {
    width: 80,
    height: 70,
  },
});
